body{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: max-content;
}
*{
    margin: 0;
    padding: 0;
    user-select: none;
}

@font-face {
    font-family: "sh1";
    src: url("assets/sh/AveriaSerifGWF-Bold.html");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "sh2";
    src: url("assets/sh/AveriaSerifGWF-Light.html");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "sh3";
    src: url("assets/sh/AveriaSerifGWF-Regular.html");
    font-style: normal;
    font-display: swap;
}




.n{
    width: 100%;
    min-height: max-content;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.b1{
    background: url('assets/bg1.jpg');
    background-size: cover;
    height: 100vh;
}





.n1_zone1{
    height: 57%;
    width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.n1z1{
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.n1z1_1{
    font-family: 'sh1';
    font-weight: 700;
    font-size: 7vh;
}

.n1z1_2 {
    font-family: 'sh3';
    font-weight: 100;
    font-size: 3vh;
}
.n1z1_3{

}
.Jadwdxc{
    margin: 0 auto;
    width: 95%;
    height: 9.5vh;
    background-color: white;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    color: #5e5e5e2e;
    font-family: Arial,
    Helvetica,
    sans-serif;
}
.Jadwdxc::after {
    content: "Начать";
    background-color: black;
    width: 35%;
    height: 100%;
    z-index: 10;
    color: white;
    display: grid;
    place-content: center;
    font-family: 'sh3';
    font-weight: 100;
    font-size: 3vh;
    line-height: 3vh;
    font-family: Arial,
    Helvetica,
    sans-serif;
    position: relative;
    left: 10%;
}



.deco1{
    height: max-content;
    width: max-content;
    position: absolute;
    left: 39vw;
}


.diagramm{
    position: relative;
    width: max-content;
    height: 25vh;
    left: 8vw;
    z-index: 10;
    top: -13vh;
}
.telefon{
    height: 78vh;
    width: max-content;
    position: relative;
    z-index: 6;
    
}
.stats {
    position: relative;
    height: 32vh;
    width: max-content;
    top: 6vh;
    right: 5vw;
    z-index: 10;
    
}
.deco1h{
    border-radius: 4mm;
}





.b2{
    display: flex;
    justify-content: center;
    gap: 2.5vw;
    padding: 15vh 0vh;
}

.card_2z{
    height: 50vh;
    width: 24%;
    background-color: #23272C;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.c2AWGIOhAWIGh1 {
    width: 24%;
    height: 50vh;
    position: absolute;
    z-index: 14;
}
.c2AWGIOhAWIGh2 {
    width: 24%;
    height: 50vh;
    position: absolute;
    transform: scaleX(-1);
    z-index: 14;
}




.ngsepogsnegeopshgwd1{
    flex: 1;
    max-height: 35%;
    width: 100%;
    z-index: 23;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;

}
.ngsepogsnegeopshgwd1 > img{
    height: 85%;
    width: max-content;

}


.ngsepogsnegeopshgwd2 {
    max-height: 35%;
    width: 100%;
    z-index: 23;
    text-align: center;
    padding: 2.5vh 0vh;
    font-family: 'sh3';
    font-weight: 400;
    font-size: 3vh;
    color: white;

}
.ngsepogsnegeopshgwd3{
    flex: 1;
    width: calc(100% - 6vh);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 0vh 3vh;
    font-family: 'sh3';
    font-weight: 300;
    font-size: 2.6vh;
    color: white;
}








.b3{
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-bottom: 15vh;
    gap: 5vw;
}
.deco2{
    display: flex;
    width: 38%;
    height: 70vh;
}
.n3zg{
    width: 38%;
    height: 85vh;
    display: flex;
    flex-direction: column;
}
.n3zg_textBig{
    display: flex;
    width: 100%;
    flex: 1;
    font-family: 'sh1';
    font-weight: 700;
    font-size: 9vh;
    color: #23272C;
}
.n3zg_textLow{
    display: flex;
    width: 100%;
    flex: 1;
    font-family: 'sh3';
    font-weight: 100;
    font-size: 3vh;
    color: #23272C;
}
.n3zg_CZ{
    height: max-content;
    max-height: 34%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    flex-direction: row;
    flex: 2;
}
.CZ_card{
    flex: 1;
    padding: 1vh 0vh;
    min-width: 50%;
    width: 50%;
    max-width: 50%;
    height: 50%;
    max-height: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
}
.CZ_card .imawfwf {
    width: max-content;
    height: 33%;
    position: relative;
}
.CZ_card  .textb {
    flex: 1;
    width: 100%;
    font-family: 'sh2';
    font-weight: 700;
    font-size: 3vh;

}
.CZ_card  .textl {
    flex: 1;
    width: 100%;
    font-family: 'sh3';
    font-weight: 100;
    font-size: 2.4vh;


}
















.b4 {
    width: 100%;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-bottom: 15vh;
    overflow: hidden;
}

.P-B {
    height: 60vh;
    width: 50%;
    display: flex;
}

#P-B-text {
    background-color: none;
    width: 30%;
    justify-content: space-between;
    gap: 2vh;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#P-B-img {
    background-color: none;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

#P-B-img img {
    position: relative;
    width: max-content;
    animation: aawfjo 2.3s ease-in forwards;
}
@keyframes aawfjo {
    0%{
        margin: -200vw;
        opacity: 0%;
    }
    100%{
        margin: 0vw;
        opacity: 100%;
    }
    
}
#AKJWG1 {
    height: 35vh !important;
    top: 9vh;
    left: 9vw;
    z-index: 2;
    filter: drop-shadow(0px 0px 12px 0px #5e5e5e38);
}
#AKJWG2 {
    height: 28vh !important;
    top: 20vh;
    left: 3vw;
    z-index: 4;
    box-shadow: 0px 0px 12px 0px #5e5e5e38;
}
#AKJWG3 {
    height: 37vh !important;
    top: -5vh;
    left: -27vw;
    z-index: 33;
    box-shadow: 0px 0px 12px 0px #5e5e5e38;
}

#P-B-text n {
    font-size: 6vh;
    font-weight: 800;
    font-family: 'sh3';
    color: #0e1012;
}

#P-B-text span {
    font-size: 2.5vh;
    font-weight: 800;
    font-family: 'sh3';
    color: #0e1012;
}






























#move {
    margin-right: 70vh;
}

nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: none;
    text-align: center;
}

nav input {
    padding: 3vh 5vh;
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 0.8em;
    display: inline-block;
    background: none;
    outline: none;
    border: none;
}

nav input:hover {
    color: rgb(0, 0, 0) !important;
    background: rgba(13, 13, 13, 0.213) !important;
}

nav input:active {
    color: rgb(217, 217, 217) !important;
    background: rgb(11, 11, 11) !important;

}






























.n5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    min-height: 100vh;
    background: url('assets/bg2.jpg');
    background-position: center center;
    background-size: cover;
}
.n5bigText{
    width: 100%;
    height: max-content;
    text-align: center;
    font-size: 8vh;
    font-weight: 700;
    font-family: 'sh1';

}
.commZone{
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
}
.Comment{
    position: relative;
    height: 25vh;
    width: max-content;
    box-shadow: 0px 0px 12px 0px #5e5e5e38;
}
#c1{
    top: -16vh;
    left: 14vw;
}
#c2{
    top: 18vh;
    left: -4vw;
}
#c3{
    top: -10vh;
    left: -15vw;
}











.awohpg1{
    position: relative;
    height: 53vh;
    top: -7vh;
    right: 0vw;
    z-index: 33;
    box-shadow: 0px 0px 12px 0px #5e5e5e38;

}
.awohpg2{
    position: relative;
    height: 35vh;
    top: 34vh;
    right: 13vw;
    z-index: 114;
    box-shadow: 27px 27px 57px 0px #5e5e5e2e;


}
.awohpg3{
    position: relative;
    height: 28vh;
    top: 7vh;
    right: 26vw;
    z-index: 14;

}








.b6{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70vh;
    min-height: max-content;
    background: url('assets/bg3.jpg');
    background-size: cover;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    overflow: hidden;
}
.b6_text{
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2vh;
}

.b6t_b{
    color: white;
    width: calc(100% - 5vw);
    padding-left: 5vw;
    text-align: left;
    font-family: 'sh2';
    font-weight: 700;
    font-size: 7vh;
}
.b6t_l {
    color: white;
    width: calc(100% - 5vw);
    padding-left: 5vw;
    text-align: left;
    font-family: 'sh3';
    font-weight: 300;
    font-size: 3vh;
    
}

.deco3 {
    height: 100%;
    width: 30%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    flex-direction: row;
}
.deco3 img{
    height: 90vh;
    width: max-content;
    position: relative;
    top: 24vh;
    left: 0vh;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.329));
}